<meta charset="utf-8">
<div data-ng-controller="CompanyDetailController">
	<div class="container-fluid">
		<div class="row">
			<div style="padding-top: 0px; padding-left: 20px;z-index: 10;width:100%;position:fixed;height: 20px;margin-top: 20px;">
				<font color="#D3D1CC">电话会议</font> > <font color="#333333">财务管理</font>
			</div>
		</div>
		<div class="row" style="margin-top: 50px;">
			<div class="col-xs-6">
				  <div class="panel panel-default clearfix"  style="text-align: left;height: 220px;left: 15px">
					<div class="panel-heading" align="left" style="background: #ffffff">
						<h3 class="panel-title">余额</h3>
					</div>
					<div class="panel-body">
						<div class="form-group clearfix" style="display: inline;">
		               		 <div class="row-fluid">
	               		 		<div id="indicatorContainerWrap" class="col-xs-4" style="float: left;">
			   						 <div id="indicatorContainer1"></div>
			    					 <div id="prgLogo">账号余额<br><font color="#2cb1f5">{{accountBalance}}</font></div>
			    					 <!-- <div id="prgLogo1" style="text-align: center;color:#2cb1f5">{{accountBalance}}</div> -->
						 		</div>
						 
								 <div id="indicatorContainerWrap" class="col-xs-4" style="float: left;">
			   						 <div id="indicatorContainer2"></div>
			    					 <div id="prgLogo">当月消费<br><font color="#ebba23">{{theMonthConsume}}</font></div>
			    					 <!-- <div id="prgLogo1" style="text-align: center;color:#ebba23 ">{{theMonthConsume}}</div> -->
								 </div>
						 
								 <div id="indicatorContainerWrap" class="col-xs-4" style="float: right;">
			   						 <div id="indicatorContainer3"></div>
			    					 <div id="prgLogo">当天消费<br><font color="#383838">{{theDateConsume}}</font></div>
			    					 <!-- <div id="prgLogo1" style="text-align: center;color:#383838">{{theDateConsume}}</div> -->
								 </div>
		               		 </div>
		           		</div>
					</div>
				</div>
			</div>
	 		<div class="col-xs-6">
				<div class="panel panel-default clearfix"  style="text-align: left;height: 220px;left: 15px">
					<div class="panel-heading" align="left" style="background: #ffffff">
						<h3 class="panel-title">资费类型</h3>
					</div>
					<div class="panel-body">
						<div class="form-group clearfix" style="float: left;">
		    				 <div class="form-group  clearfix " style="margin-top: 8px;margin-left: 2px;">
		                         <div class="text-left">回拨主叫： {{ company.singleCallPrice}} /元/分 </div>
		                     </div>
		                
		               		 <div class="form-group  clearfix " style="margin-top: 8px;margin-left: 2px;">
		                         <div class="text-left">回拨被叫： {{ company.singleCallPriceCalled}} /元/分</div>
		                     </div>
		                     
		                      <div class="form-group  clearfix " style="margin-top: 8px;margin-left: 2px;">
		                         <div class="text-left" style="margin-left: 23px;">直拨： {{ company.dialDirectlyPrice}} /元/分</div>
		                      </div>
		                     
			                <div class="form-group clearfix" style="margin-top: 14px;margin-left: 2px;">
			                    <div class="text-left">会议被动： {{ company.conferencePrice}} /元/方/分</div>
			                </div>
			                
			                <div class="form-group clearfix" style="margin-top: 14px;margin-left: 2px;">
			                    <div class="text-left">会议主动： {{ company.activeCallConferencePrice}} /元/方/分</div>
			                </div>
		           		</div>
					</div>
				</div>
			</div>
	 	</div>
	 	
	 	<div class="row">
			<div class="panel" style="position: relative;top: 20px;margin-right: 15px;margin-left: 15px;height: 380px;">
				<!-- 导航菜单 -->
				<div class="form-group" style="height: 20px;position: relative;top: 20px;left: 15px">
					<div style="margin-left: 15px; float: left">月消费曲线图 </div>
					<div style="margin-left: 15px;float: left;cursor: pointer;" ng-click="changeDate(1)"><</div>
					<div style="margin-left: 15px;float: left">{{currentMonth}}月</div>
					<div style="margin-left: 15px;float: left;cursor: pointer" ng-click="changeDate(2)">></div>
					<div style="margin-right: 55px;float: right">消费总金额:{{theCumulativeConsume}}元 (单位：元)</div>
				</div>
				<!-- 分割线 -->
			    <div class="form-group" style="position: relative;top: 2px;left: 15px">
			    	<hr style="color: #dbdbdb"/>
			    </div>
				<!-- 导出下来菜单 -->
				<div class="form-group" style="z-index: 90;cursor: pointer;display: inline;">
					<div style="margin-right: 10px;float: right;line-height: 25px;margin-top: 1px;">
						<font color="red">(每次导出一月内数据)</font>
			 		</div>
			 		<div style="margin-right: 5px;float: right;line-height: 25px;margin-top: 1px;">
						<input  placeholder="请选择日期(一周内数据)" data-on-select="changeLoadDate($date)"
							data-ng-model="downLoadDate" data-fc-datetimepicker="yyyy-mm-dd" class="form-control"
							style="text-align: center;" />
			 		</div>
					<div style="margin-right: 10px;float: right;position: relative;">
						    <div class="dropdown" style="background-color: #3a3c38;color: #ffffff">
						    	<a class="dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">
				  					<div style="margin-right: 0px;float: right;" class="upload_class"></div>
				  				</a>
							    <ul class="dropdown-menu hover_my" role="menu" aria-labelledby="dLabel" style="position: relative;left: 30px;top: 30px;background-color: #3a3c38;">
							    	<li><a href="{{downLoadUrl}}"><span style="color: #ffffff">导出畅会通消费记录</span></a></li>
							    </ul>
						    </div>
					</div>
				</div>
			
				<!-- 曲线报表 -->
				<div class="form-group" style="margin-left: 2px;margin-right: 0px;position: relative;top: 20px;">
					<div id="container" style="margin-left: 0px;margin-right: 0px;height:250px;"></div>  
				</div>
			</div>
		</div>
	</div>
</div>
	